*{
    margin: 0;
    padding: 0;
}
body{
    font-size: 60px;
}
p span{/*空格代表层级关系，代表子元素*//*大于号表示管所有的子元素*/
    color: red;
    letter-spacing: 10px;/*字间距*/
}
p > a > span{/*俩个大于号管的是孙子辈*/
    color: green;
}
p > span{}/*只管下一级*/
span{
    color: blue;/*后面的样式会覆盖前面的样式*/
}
.dialog { /*类选择器*/
    position: fixed;
    font-size: 16px;
    left: 20px;
    top: 20px;
    width: 100px;
    height: 100px;
    background-color: rgb(0, 0, 255); /*值越高，越偏向白色，值越低，越偏向黑色*/

    /*红 绿 蓝 取值范围是0-255*/
    /* background-color: rgba(0, 0, 255,0.5）rgba()代表透明度，一共四个参数，第四个代表透明度，0代表全透明，0.5代表50%透明*/
    opacity: 0.3; /*字体也会透明*/
}
.dialog{
    color: #cc1511;
}
.jpg压缩图片，内存比较小
.png透明度好
.gif动图